<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css" href="../../famille/style.css" />
<link rel="stylesheet" type="text/css"
	href="../../famille/styleAccueil.css" />
</head>
<h:body id="pagee">
	<div id="tout">
		

		<div id="header">
<label style="font-size: 50px" id="espFamille">Espace famille</label>
			<div id="headerDroite">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
						<h:commandButton value="Déconnexion"
							action="#{mbConnexion.deconnexion}" />
						<h:outputText style="center:left" />
						<h:outputText style="center:left" />
					</h:panelGrid>
				</h:form>
			</div>



		</div>
		<div style="clear: both;"></div>


		<div id="photo">
			<img src="autreImages/classess.jpg" alt="photo" /> <img
				src="autreImages/vignette_passeport.jpg" alt="photo" /> <img
				src="autreImages/vignette_rencontre_jeunesse.jpg" alt="photo" />
			<div id="dernierePhoto">
				<img src="autreImages/vignette_vivre.jpg" alt="photo" />
			</div>
		</div>
		<div id="content">




			<ul id="menu">
				<li><a href="accueil.xhtml">Accueil</a></li>
				<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
				<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
					<ul>
						<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
						<li><a href="Consulterinscriptions.xhtml">Consulter
								activités</a></li>
					</ul></li>
				<li><a href="factures.xhtml">Mes Factures</a></li>
				<li><a href="contact.xhtml">Contact</a></li>
			</ul>






			<div id="bloc1" class="bloctexte" style="display: none;">
				<ul id="menu">

					<li><a href="accueil.xhtml">Accueil</a></li>
					<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
					<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
						<ul>
							<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
							<li><a href="Consulterinscriptions.xhtml">Consulter
									activités</a></li>
						</ul></li>
					<li><a href="factures.xhtml">Mes Factures</a></li>
					<li><a href="contact.xhtml">Contact</a></li>
				</ul>
			</div>





			<div id="milieux">
				<div id="centre">
					<div id="AccueilHaut">

						<fieldset id="fieldBienvenue">
							<legend>Bienvenue</legend>
							<p>Cet espace sécurisé vous permet d'effectuer de nombreuses
								démarches en ligne, concernant les activités péri-scolaires
								(restauration scolaire, accueils matin et soir et étude) à
								destination des enfants</p>
							<h4>Sur ce portail, vous pouvez :</h4>

							<ul>
								<li>Inscrire en ligne votre enfant aux activités de la
									prochaine période</li>
								<li>Consulter les inscriptions et les calendriers de
									présence aux activités périscolaires</li>
								<li>Consulter et payer en ligne les factures par
									l'intermédiaire d'une solution totalement sécurisée</li>
								<li>Télécharger des documents utiles : formulaires,
									règlements intérieurs, etc...</li>
								<li>Envoyer des messages au service de l'enfance.</li>
							</ul>

						</fieldset>
					</div>
					<div id="AccueilDocs">
						<fieldset id="fieldDocs">
							<legend>Documents</legend>

							<div id="docGauche">
								<ul>

									<li><a href="documents/fiche_inscription.pdf">Formulaire
											d'inscription</a></li>

									<li><a href="documents/planning_2012.pdf">Calendrier
											des inscriptions 2012-2013</a></li>

								</ul>
							</div>
							<div id="docDroite">
								<ul>
									<li><a href="documents/RI_general.pdf">Reglement
											général Accueil </a></li>
									<li><a
										href="documents/reglement_interieur_accueil_de_loisirs.pdf">Reglement
											intérieur Accueil de loisirs (RGLI) </a></li>
									<li><a
										href="documents/reglement_restauration_scolaire.pdf">Reglement
											intérieur de la restauration scolaire</a></li>
								</ul>
							</div>
						</fieldset>
					</div>
					<div id="AccueilAlertes">
						<fieldset id="fieldAlertes">
							<legend>Alertes</legend>
							<marquee Class="Scroller" behavior="scroll" direction="left"
								width="100%" height="19" scrollamount="4" scrolldelay="0"
								onmouseover="this.stop()" onmouseout="this.start()"> <font
								size="2" face="Arial, Helvetica, sans-serif" color="red">
								<strong> Vous devez regler votre facture de Mars
									d'ici 15 jours </strong>
									<strong> -------------------------</strong>
								<strong>Fin des inscriptions pour la période de
									Mai - Juillet dans 10 jours.</strong> 
								
							</font></marquee>
						</fieldset>
					</div>

				</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<img src="images/afcepfMinus.png"></img> Gepeto <img
				src="images/malakoffMinus.png" />
		</div>
	</div>
	<script type="text/javascript" src="js/authentification.js"></script>
	<script type="text/javascript" src="js/messageAlerte.js"></script>
	<script type="text/javascript">
		
	 function controleLogin(){
		    var login;
		    var mdp;
		    alert("ceci est un test");
		   
	
	
	</script>

</h:body>
</html>
